---
layout: landing
home: true
---



<!-- Hero -->
<div id="hero-body">
    <div id="hero-city">
        <img alt="city background" title="city background" id="hero-city-svg" src="images/index/hero-city.svg" /><img
            alt="city background" title="city background" id="hero-city-svg-2" src="images/index/hero-city.svg" /><img
            alt="city background" title="city background" id="hero-city-svg-3" src="images/index/hero-city.svg" />
    </div>
    <div id="hero-turbine">
        <img alt="turbine image" title="turbine image" id="hero-turbine-svg" src="images/index/hero-turbines.svg" />
    </div>
    <div id="hero-main">
        <div id="hero-main-text">
            <div id="hero-main-title"><span>Eclipse Code</span>wind<sup>TM</sup></div>
            <div id="hero-main-headline">Container development unleashed</div>
            <div id="hero-main-fulltext">Codewind simplifies and enhances development in containers by extending
                industry standard IDEs with
                features to write, debug, and deploy cloud-native applications. Get started quickly with
                templates
                or samples, or pull in your applications and let Codewind get them cloud ready. </div>
            <aside aria-label="about Longboards">
                <button onclick="location.href='gettingstarted.html'" type="button" id="get-started-button"
                    class="btn">Get started</button>
            </aside>
        </div>

        <div id="hero-main-hero">
            <div id="hero-main-hero-vscode">
                <div>VS Code</div>
                <div><img alt="vscode ide" title="vscode ide" src="images/index/hero-vscode-noshadow.png"></div>
            </div>
            <div id="hero-main-hero-eclipse">
                <div>Eclipse</div>
                <div><img alt="eclipse ide" title="eclipse ide" src="images/index/hero-eclipse-noshadow.png"></div>
            </div>
            <div id="hero-main-hero-che">
                <div>Eclipse Che</div>
                <div><img alt="che ide" title="che ide" src="images/index/hero-che-noshadow.png"></div>
            </div>
            <div id="hero-main-hero-intellij">
                <div>IntelliJ</div>
                <div><img alt="intellij ide" title="intellij ide" src="images/index/hero-intellij-noshadow.png"></div>
            </div>
        </div>
    </div>
</div>

<!-- end hero -->


<!-- value props div -->


<div class="row cw-value-props-div-last" id="value-props-div">
    <div class="col-lg-4 col-md-6 cw-value-props-col cw-getting-started-col text-center">

        <div class="cw-value-props-col-header">Lightweight container
            development</div>
        <div class="cw-value-props-div-text">
            Develop in containers without feeling like you are developing in containers. Quick, iterative
            development and fast feedback directly in your IDE.
        </div>
        <div class="cw-value-props-col-img-holder">
            <img alt="container image" title="container image" src="images/index/container-icon.svg" class="cw-logo" />
        </div>
    </div>
    <div class="col-lg-4 col-md-6 cw-value-props-col cw-getting-started-col text-center">
        <div class="cw-value-props-col-header">Leverage existing
            knowledge</div>

        <div class="cw-value-props-div-text">
            Code in the tools you use today, for the runtimes and languages you use today.
        </div>
        <div class="cw-value-props-col-img-holder">
            <img alt="knowledge image" title="knowledge image" src="images/index/knowledge-icon.svg" class="cw-logo" />
        </div>
    </div>
    <div class="col-lg-4 col-md-6 cw-value-props-col text-center">
        <div class="cw-value-props-col-header">Kubernetes gently</div>

        <div class="cw-value-props-div-text">
            You don't need to be an expert in Kubernetes to deploy your apps! Get started quickly, and learn as
            you go.
        </div>
        <div class="cw-value-props-col-img-holder">
            <img alt="kubernetes image" title="kubernetes image" src="images/index/kubernetes.svg" class="cw-logo" />
        </div>
    </div>
</div>


<!-- value props div e end -->

<!-- key features row -->
<div class="row" id="key-features-div">
    <div class="col-md-12 cw-key-features-header text-center">Key features</div>
    <div class="col-lg-3 col-md-6 cw-getting-started-col text-center">

        <div class="cw-key-features-col-header">Inner loop</div>
        <div class="cw-key-features-col-text">
            We understand the artifacts in your application and make the minimal possible change to reflect
            updates in the running container.
        </div>
        <div>
            <img alt="inner loop image" title="inner loop image" src="images/index/inner-loop.svg" class="cw-logo" />
        </div>
    </div>
    <div class="col-lg-3 col-md-6 cw-getting-started-col text-center">

        <div class="cw-key-features-col-header">Container development
            everywhere</div>
        <div class="cw-key-features-col-text">
            For most developers, working on a desktop is still king. But we also recognize there are times when
            you might want to run and debug apps directly on Kubernetes. Why choose? We let you use the same
            tools in local or hosted IDE, and run in local containers or deployed directly on Kubernetes.
        </div>
        <div>
            <img alt="container image" title="container image" src="images/index/container2-icon.svg" class="cw-logo" />
        </div>
    </div>
    <div class="col-lg-3 col-md-6 cw-getting-started-col text-center">

        <div class="cw-key-features-col-header">IDE support
        </div>
        <div class="cw-key-features-col-text">
            Developers often have lifelong connections to their IDEs, which is why we deliver native IDE
            integration with Eclipse, Eclipse Che, IntelliJ, and VS Code.
        </div>
        <div>
            <img alt="ide icon" title="ide icon" src="images/index/ide-icon.svg" class="cw-logo" />
        </div>
    </div>
    <div class="col-lg-3 col-md-6 text-center">

        <div class="cw-key-features-col-header">Developer performance
            monitoring

        </div>
        <div class="cw-key-features-col-text">
            Applications are automatically analysed for performance issues. Through configurable load testing,
            code changes can be made and their impact immediately shown through live and historical performance
            graphs.
        </div>
        <div>
            <img alt="monitoring icon" title="monitoring icon" src="images/index/monitoring-icon.svg" class="cw-logo" />
        </div>
    </div>


</div>

<!-- key features row END -->

<div class="row">
    <div class="col-xl-6 col-offset-xl-2 col-md-12 col-sm-12">
        <div class="p-md-5">
            <span class="cw-youtube-view-font">View the demo</span>
            <div class="embed-responsive embed-responsive-16by9">

                <iframe width="1280" height="720" title="Codewind youtube video"
                    src="https://www.youtube.com/embed/mjADP2_4FBg" frameborder="0"
                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen></iframe>
            </div>
        </div>
    </div>
    <div class="col-xl-6 col-md-12 col-sm-12 cw-v-middle">
        <div class="p-5 cw-youtube-desc">
            <span class="cw-youtube-view-font cw-youtube-italic">Containerize existing applications and create new
                applications in several languages.</span>
            <br /><br />
            <span class="cw-youtube-view-font cw-youtube-thin">Leave behind, </span><span
                class="cw-youtube-view-font cw-youtube-italic cw-youtube-bold">“But it worked on my machine!”
            </span><span class="cw-youtube-view-font cw-youtube-thin"></span>
            &nbsp;&nbsp;
            <img src="images/smile.svg" alt="smile face" class="cw-smile-icon">
        </div>
    </div>
</div>